<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/nav.css"/>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
</head>
<body>
<!-------------------隐藏页面------------------->
<div id="xiushouji">
	修手机
</div>	
<div id="xiudiannao">
	修电脑
</div>	
<div id="maishouji">
	买手机
</div>
<div id="ershouji">
	
</div>
<!----------------注册页面--------------------->	
<div id="zcym">
	<div id="zhuce">
			<div id="z-header">
				<p><span id="">欢迎登录360同城帮</span><span id="closs">X</span></p>
			</div>
			<div id="z-main">
				<table border="0" cellspacing="0" cellpadding="">
					<tr>
						<td align="right">账&nbsp;&nbsp;号</td>
						<td><input type="text" name="" id="z-user" value="" placeholder="" /></td>
					</tr>
					<tr>
						<td></td>
						<td id="td1" style="padding-left: 30px;"></td>
					</tr>
					<tr>
						<td align="right">密&nbsp;&nbsp;码</td>
						<td><input type="password" name="" id="z-mm" value="" placeholder=""/></td>
					</tr>
					<tr>
						<td></td>
						<td id="td2" style="padding-left: 30px;"></td>
					</tr>
					<tr>
						<td align="right">验证码</td>
						<td><input type="text" name="" id="yzm" value="" placeholder=""/><span id="yzmt">4567</span><span id="gh">换一张</span></td>
					</tr>
					<tr>
						<td></td>
						<td id="td3" style="padding-left: 30px;"></td>
					</tr>
					
					<tr>
						<td></td>
						<td><input type="button" name="" id="btn2" value="立即注册" /></td>
					</tr>
					<tr>
						<td></td>
						<td><input type="checkbox" name="" id="z-jz" value="" />我已阅读并同意<a href="#">《360用户服务条款》</a></td>
					</tr>
				</table>
			</div>
			<div id="z-footer">
				<p>已有账号丨<a href="#">立即登录</a></p>
			</div>
		</div>
</div>
<!----------------客服在线------------------->
<div class="kf">
		<img src="imges/19.png"/>
		<p>点击加载历史记录</p >
		<p>18:13</p >
		<div class="kf1">
			<p>机器人帮帮</p >
			<span>新年快乐，鸡年大吉！机器人帮帮为您服务，有什么可以帮助您？</span>
		</div>
		<br />
		<textarea name="" placeholder="请简述您的问题" rows="" cols="" class="tet"></textarea>
		<h6>Powered by 智齿客服<button>发送</button></h6>
		<p class="X2">X</p >
	</div>
	
<!---------------------城市切换------------------->	
	
	<div id="city">
		<p>城市列表<button id="l-closs">关闭</button></p>
		<div id="city-1">
			<h4>热门</h4>
			<p id="c-hot"></p>
		</div>
		<div id="city-2">
			<h4>拼音</h4>
			<p id="py"><span>A</span><span>B</span><span>C</span><span>D</span><span>E</span><span>F</span><span>G</span><span>H</span><span>J</span><span>K</span><span>M</span><span>L</span><span>M</span><span>N</span><span>P</span><span>Q</span><span>R</span><span>S</span><span>T</span><span>W</span><span>X</span><span>S</span><span>Y</span><span>Z</span></p>
		</div>
		<div id="city-3">
			<p id="city-4"></p>	
		</div>
	</div>	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	







	
	<!--置顶栏部分-->
	<div id="roof">
		<ul class="roof01">
			<li class="roof02"><span class="chengshiming">北京</span>&nbsp;&nbsp;&nbsp;<a href="###" id="qiehuan">[切换城市]</a></li>
			<li><a href="###">同城帮首页</a></li>
		</ul>
		<ul class="roof03">
			<li class="roof04"><a href="###" id="dll">登录</a></li>
			<li><a href="###" id="enroll">注册</a></li>
			<li><a href="###">我的订单</a></li>
			<li><a href="###" id="zxkf">在线客服(9:00-21:00)</a></li>
			<li><a href="###">在线服务<span></span></a></li>
			<li><a href="###">论坛</a></li>
			<li class="roof05"><a href="###">投诉建议</a></li>
		</ul>
	</div>
	<!--登录界面-->
	<div id="ent">
		<div class="ent01">
			<div class="ent02">
				<p><span id="qxx"><a href="###">X</a></span></p>
			</div>
		<div class="ent03">
			<p class="ent09"><span>账&nbsp;号</span><input type="" name="" id="" value="" placeholder="手机号/账号/邮箱"/></p>
			<p class="ent04"><span>密&nbsp;码</span><input type="" name="" id="" value="" placeholder="请输入您的密码"/></p>
		<p class="ent05"><span><input type="checkbox" name="" id="" value="" /></span>下次自动登录</p>
		<p class="ent06"><span><input type="button" name="dl" id="dl" value="立即登录" /></span></p>
		<p class="ent07"><span class="ent08"><a href="###">其他账号登录:</a></span><span><a href="###"><img src="imges/42.png"/></a></span><span><a href="###"><img src="imges/43.png"/></a></span><span><a href="###"><img src="imges/44.png"/></a></span><span><a href="###"><img src="imges/45.png"/></a></span></p>
		</div>
		</div>	
	</div>
	<!--注册页面-->
	<!--logo部分-->
	<div id="logoo">
		<p><img src="imges/18.png"/></p>
		<ul class="logoo01">
			<li><a href="###">二手优品</a></li>
			<li><a href="###">手机回收</a></li>
			<li><a href="###">手机维修</a></li>
			<li><a href="###">电脑维修</a></li>
			<li><a href="###">以旧换新</a></li>
			<li><a href="###">手机租用</a></li>
		</ul>
	</div>
	<!--轮播部分-->
	<div id="lunbo">
		<div class="lunbo01">
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
			  <!-- Indicators -->
			  <ol class="carousel-indicators">
			    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
			    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
			  </ol>
			
			  <!-- Wrapper for slides -->
			  <div class="carousel-inner" role="listbox">
			    <div class="item active">
			      <img src="imges/31.jpg" alt="...">
			      <div class="carousel-caption">
			      </div>
			    </div>
			    <div class="item">
			      <img src="imges/32.jpg" alt="...">
			      <div class="carousel-caption">
			      </div>
			    </div>
			    <div class="item">
			      <img src="imges/48.png" alt="...">
			      <div class="carousel-caption">
			      </div>
			    </div>
			  </div> 
			</div>
		<!--轮播导航部分-->
		<div id="lunbonav">
		<ul>
			<li id="hd01"><a href="###"><img src="imges/3.png"/>修手机/Pad</a><span class="glyphicon glyphicon-menu-right"></span></li>
			<li id="hd02"><a href="###"><img src="imges/4.png"/>修电脑</a><span class="glyphicon glyphicon-menu-right"></span></li>
			<li id="hd03"><a href="###"><img src="imges/25.png"/>卖手机/电脑</a><span class="glyphicon glyphicon-menu-right"></span></li>
			<li id="hd04"><a href="###"><img src="imges/26.png"/>买二手机</a><span class="glyphicon glyphicon-menu-right"></span></li>
		</ul>
	</div>
		</div>
	</div>
	<!--轮播下01-->
	<div id="shoujifw">
		<img src="imges/1.jpg"/ class="shoujifw01">
		<img src="imges/8.jpg"/ class="shoujifw02">
		<img src="imges/15.png"/ class="shoujifw02">
		<img src="imges/11.jpg"/ class="shoujifw02">
	</div>
	<!--热门手机回收-->
	<div id="huishou">
		<a href="###" class="huishou01"><h3>热门手机回收</span></h3></a><span><a href="###" class="huishou02">查看更多<span class="glyphicon glyphicon-menu-right"></a></span>
	</div>
	<!--免费估值-->
	<div id="guzhi">
		<ul class="guzhi01">
			<li>
				<dl>
					<dt><img src="imges/29.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/11.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/11.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/11.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/11.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/11.png"/></dt>
					<dd></dd>
				</dl>
			</li>
		</ul>
	</div>
	<!--优选精品-->
	<div id="huishou">
		<a href="###" class="huishou01"><h3>优选精品</span></h3></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span><a href="###" class="huishou02">查看更多<span class="glyphicon glyphicon-menu-right"></a></span>
	</div>
	<!--二手机-->
	<div id="guzhi">
		<ul class="guzhi01">
			<li>
				<dl>
					<dt><img src="imges/32.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/12.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/12.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/10.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/10.png"/></dt>
					<dd></dd>
				</dl>
			</li>
			<li>
				<dl>
					<dt><img src="imges/10.png"/></dt>
					<dd></dd>
				</dl>
			</li>
		</ul>
	</div>
	<!--到店维修-->
	<div id="huishou">
		<a href="###" class="huishou01"><h3>到店维修</span></h3></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span><a href="###" class="huishou02">查看更多<span class="glyphicon glyphicon-menu-right"></a></span>
	</div>
	<!--选择地址-->
	<div id="dizhi">
		<div id="weizhi">
			<div class="dizhi01">
			</a><div id="chengshi">
				<span><a href="###">北京</a></span><a href="###"><span class="glyphicon glyphicon-triangle-bottom"></span></a>
			</div>
		</div>
		<div class="dizhi02">
			</a><div id="xian">
				<span><a href="###">昌平</a></span><a href="###"><span class="glyphicon glyphicon-triangle-bottom"></span></a>
			</div>
		</div>
		<input type="text" name="sousuok" id="sousuok" value="" placeholder="输入您的位置查询附近商家"/>
		<input type="button" name="sousuoan" id="sousuoan" value="搜索" />
		</div>
		
	<!--查找条件-->
	<div id="tiaojian">
		<ul>
			<li class="dizhi03"><a href="###">默认程序</a></li>
			<li><a href="###">按成交量</a></li>
			<li><a href="###">按人气</a></li>
		</ul>
		<p><input type="checkbox" name="" id="" value="" />先行赔付</p>
		<div id="ditu">
			<span class="glyphicon glyphicon-eye-open"></span><a href="###">地图模式</a>
		</div>
	</div>
	<div id="rnav">
		<div class="rnav01">
			<h3>商家好评榜</h3>
		</div>
	</div>
	<!--商品列表处-->
	<div id="liebiao">
		<div class="shangpin">
			<div class="zhanshitp">
				<img src="imges/4.gif"/>
			</div>
			<div class="xiangxixx">
				<a href="###">天津市红桥区吉利通顺五交化商场</a><span class="dianpu">店铺等级:<span class="glyphicon glyphicon-star"></span></span>
				<p class="zhuying">主营：五金、机电、水暖、电动工具、劳保、IT电脑维修、IT</p>
				<p class="difang">地址：天津红桥区勤俭道曙光楼新18号【中环线勤俭桥车站旁</p>
			</div>
			<div class="dianpuxx">
				<p><img src="imges/22.png"/>先行赔付</p>
				<p class="renzheng"><img src="imges/22.png"/>同城帮认证</p>
				<p class="renqi">人气:&nbsp;27617次浏览</p>
			</div>
		</div>
		
		
		
		<div class="shangpin">
			<div class="zhanshitp">
				<img src="imges/4.gif"/>
			</div>
			<div class="xiangxixx">
				<a href="###">天津市红桥区吉利通顺五交化商场</a><span class="dianpu">店铺等级:<span class="glyphicon glyphicon-star"></span></span>
				<p class="zhuying">主营：五金、机电、水暖、电动工具、劳保、IT电脑维修、IT</p>
				<p class="difang">地址：天津红桥区勤俭道曙光楼新18号【中环线勤俭桥车站旁</p>
			</div>
			<div class="dianpuxx">
				<p><img src="imges/22.png"/>先行赔付</p>
				<p class="renzheng"><img src="imges/22.png"/>同城帮认证</p>
				<p class="renqi">人气:&nbsp;27617次浏览</p>
			</div>
		</div>
		
		
		<div class="shangpin">
			<div class="zhanshitp">
				<img src="imges/4.gif"/>
			</div>
			<div class="xiangxixx">
				<a href="###">天津市红桥区吉利通顺五交化商场</a><span class="dianpu">店铺等级:<span class="glyphicon glyphicon-star"></span></span>
				<p class="zhuying">主营：五金、机电、水暖、电动工具、劳保、IT电脑维修、IT</p>
				<p class="difang">地址：天津红桥区勤俭道曙光楼新18号【中环线勤俭桥车站旁</p>
			</div>
			<div class="dianpuxx">
				<p><img src="imges/22.png"/>先行赔付</p>
				<p class="renzheng"><img src="imges/22.png"/>同城帮认证</p>
				<p class="renqi">人气:&nbsp;27617次浏览</p>
			</div>
		</div>
		
		
		<div class="shangpin">
			<div class="zhanshitp">
				<img src="imges/4.gif"/>
			</div>
			<div class="xiangxixx">
				<a href="###">天津市红桥区吉利通顺五交化商场</a><span class="dianpu">店铺等级:<span class="glyphicon glyphicon-star"></span></span>
				<p class="zhuying">主营：五金、机电、水暖、电动工具、劳保、IT电脑维修、IT</p>
				<p class="difang">地址：天津红桥区勤俭道曙光楼新18号【中环线勤俭桥车站旁</p>
			</div>
			<div class="dianpuxx">
				<p><img src="imges/22.png"/>先行赔付</p>
				<p class="renzheng"><img src="imges/22.png"/>同城帮认证</p>
				<p class="renqi">人气:&nbsp;27617次浏览</p>
			</div>
		</div>
		
		
		<div class="shangpin">
			<div class="zhanshitp">
				<img src="imges/4.gif"/>
			</div>
			<div class="xiangxixx">
				<a href="###">天津市红桥区吉利通顺五交化商场</a><span class="dianpu">店铺等级:<span class="glyphicon glyphicon-star"></span></span>
				<p class="zhuying">主营：五金、机电、水暖、电动工具、劳保、IT电脑维修、IT</p>
				<p class="difang">地址：天津红桥区勤俭道曙光楼新18号【中环线勤俭桥车站旁</p>
			</div>
			<div class="dianpuxx">
				<p><img src="imges/22.png"/>先行赔付</p>
				<p class="renzheng"><img src="imges/22.png"/>同城帮认证</p>
				<p class="renqi">人气:&nbsp;27617次浏览</p>
			</div>
		</div>
	</div>
	<!--底部-->
	<div id="zuixia">
		<div id="bangzhu">
			<div class="bangzhu01">
				<dl>
					<dt><img src="imges/21.png"/></dt>
					<h3>购物指南</h3>
					<dd><a href="###">购物流程</a></dd>
					<dd class="bangzhu02"><a href="###">用户注册</a></dd>
					<dd class="bangzhu02"><a href="###">帮助文档</a></dd>
					
				</dl>
			</div>
			<div class="bangzhu01">
				<dl>
					<dt><img src="imges/21.png"/></dt>
					<h3>购物指南</h3>
					<dd><a href="###">购物流程</a></dd>
					<dd class="bangzhu02"><a href="###">用户注册</a></dd>
					<dd class="bangzhu02"><a href="###">帮助文档</a></dd>
					
				</dl>
			</div>
			<div class="bangzhu01">
				<dl>
					<dt><img src="imges/21.png"/></dt>
					<h3>购物指南</h3>
					<dd><a href="###">购物流程</a></dd>
					<dd class="bangzhu02"><a href="###">用户注册</a></dd>
					<dd class="bangzhu02"><a href="###">帮助文档</a></dd>
					
				</dl>
			</div>
			<div class="bangzhu01">
				<dl>
					<dt><img src="imges/21.png"/></dt>
					<h3>购物指南</h3>
					<dd><a href="###">购物流程</a></dd>
					<dd class="bangzhu02"><a href="###">用户注册</a></dd>
					<dd class="bangzhu02"><a href="###">帮助文档</a></dd>
					
				</dl>
			</div>
			<div class="bangzhu01">
				<dl>
					<dt><img src="imges/21.png"/></dt>
					<h3>购物指南</h3>
					<dd><a href="###">购物流程</a></dd>
					<dd class="bangzhu02"><a href="###">用户注册</a></dd>
					<dd class="bangzhu02"><a href="###">帮助文档</a></dd>
					
				</dl>
			</div>
		</div>
		<p class="bangzhu03">客服电话：4000-399-360 / 010-53767360&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="###">投诉建议</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="###">网站地图</a></p>
		<p class="bangzhu03">Copyright © 2005-2017  360.CN  All Rights Reserved  360安全中心</p>
		<p class="bangzhu03">京ICP备08010314号-19    京公网安备110000000006号</p>
	</div>	
</body>
<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tcb.min.js" type="text/javascript" charset="utf-8"></script>
</script>
<script src="js/baiduTemplate.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/template" id="moban02">
	<%for(var i = 0 ; i < shop_data.length ; i++){%>
		<div class="shangpin">
			<div class="zhanshitp">
				<img src="<%=shop_data[i].shop_ico%>"/>
			</div>
			<div class="xiangxixx">
				<a href="###"><%=shop_data[i].shop_name%></a><span class="dianpu">店铺等级:<span class="glyphicon glyphicon-star"></span></span>
				<p class="zhuying">主营：<%=shop_data[i].main%></p>
				<p class="difang">地址：<%=shop_data[i].addr_detail%></p>
			</div>
			<div class="dianpuxx">
				<p><img src="imges/22.png"/>先行赔付</p>
				<p class="renzheng"><img src="imges/22.png"/>同城帮认证</p>
				<p class="renqi">人气:&nbsp;27617次浏览</p>
			</div>
		</div>
	<%}%>
</script>

</html>